<html>
<head>

<link rel="stylesheet" href="css/general.css" />
<link rel="stylesheet" href="css/jquery.mobile-1.3.0.min.css" />
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.mobile-1.3.0.min.js"></script>
<script>
</script>
</head>

<body>
	<div id='all_content'>
		<div data-role="collapsible-set" data-theme="b">
			<div data-role="collapsible">
			<h3>Chapter 1</h3>
			<ul data-role="listview">
				<li>Introduction</a></li>
				<li>Basics</a></li>
			</ul>
			</div>
			<div data-role="collapsible">
			<h3>Chapter 2</h3>
			<ul data-role="listview">
				<li>HTML</a></li>
				<li>CSS</a></li>
			</ul>
			</div>
		</div>
	</div>
</body>
</html>